<template>
    <div>
        <div>
            <nav-bar title="修改密码" :show-back="true"/>
        </div>
        <div class="input_div">
            <yd-cell-group>
                <yd-cell-item>
                    <span slot="left">新密码：</span>
                    <yd-input slot="right" type="password" placeholder="请输入新密码"></yd-input>
                </yd-cell-item>
                <yd-cell-item>
                    <span slot="left">重复新密码：</span>
                    <yd-input slot="right" type="password" placeholder="请再次输入新密码"></yd-input>
                </yd-cell-item>
            </yd-cell-group>
        </div>
        <div class="bottom_div">
            <yd-button @click.native="changeFinish()" size="large" bgcolor="rgb(52, 169, 214)" color="#fff">完成</yd-button>
        </div>
    </div>
</template>
<script>
import NavBar from '../../components/navbar/NavBar.vue'
export default {
    name: 'ChangePasswordSecond',
    components: {
        NavBar
    },
    methods: {
        // 点击完成路由跳转
        changeFinish () {
            this.$router.push('/login')
        }
    }
}
</script>
<style scoped>
.input_div{ margin-top: 1rem}
.bottom_div{margin-top: 1.1rem}
</style>
